<template>
    <div id="active_analysis">
        <p class="action_title">行为模式分析 <span class="close" @click="$emit('closeActiveAnalysis')"></span></p>
        <ul class="action_analysis_item">
            <li><span>事件名称</span><span>{{actionAnalysisTable.name}}</span></li>
            <li v-for="(item,index) in actionAnalysisTable.list" :style="{background: index % 2 === 0 ? '#4c4b50': '#2d2e32'}">
                <span><a>{{item.name}}</a></span>
                <span :title="item.status">{{item.status}}</span>
            </li>
        </ul>
        <p>模式结果统计</p>
    </div>
</template>

<script>
    export default {
        name: "active-analysis",
        components: {},
        props: ['closeActiveAnalysis'],
        data() {
            return {
                actionAnalysisTable: {
                    event: true,
                    title: '行为模式',
                    name: '模式说明',
                    list: [{name: '平行飞行模式', status: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'}, {
                        name: '紧急状态飞行模式',
                        status: 'xxxxxxxxxxxxxx'
                    }, {name: '战时飞行模式', status: 'xxxxxxxxxxxxxxxxxxxx'}]
                }
            }
        },
        mounted() {

        },
        methods: {}
    }
</script>

<style lang="less" type="text/less" scoped>
    @import "activeAnalysis";
</style>